<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用let关键字声明变量</title>
</head>
<body>
<script type="text/javascript">
    /*
        let关键字就是用来声明变量的

        使用let关键字声明的变量具有块级作用域

        在一个大括号中 使用let关键字声明的变量才具有块级作用域 var关键字是不具备这个特点的

        防止循环变量变成全局变量

        使用let关键字声明的变量没有变量提升

        使用let关键字声明的变量具有暂时性死区特性

    */

    /* --------let关键字就是用来声明变量的-------- */
    // let a = 10;
    // console.log(a);

    /* --------使用let关键字声明的变量具有块级作用域-------- */
    // if (true) {
    // 	let b = 20;
    // 	console.log(b)
    // 	if (true) {
    // 		let c = 30;
    // 	}
    // 	console.log(c);
    // }
    // console.log(b)

    /* -------在一个大括号中 使用let关键字声明的变量才具有块级作用域 var关键字是不具备这个特点的--------- */

    // if (true) {
    // 	let num = 100;
    // 	var abc = 200;
    // }
    // console.log(abc);
    // console.log(num)


    /* -------防止循环变量变成全局变量--------- */
    // for (let i = 0; i < 2; i++) {}
    // console.log(i);


    /*-----使用let关键字声明的变量没有变量提升------*/
    // console.log(a);
    // let a = 100;


    /* -------使用let关键字声明的变量具有暂时性死区特性------- */
    var num = 10
    if (true) {
        console.log(num);
        let num = 20;
    }

</script>
</body>
</html>
